<template>
    <el-table border style="width: 100%;" :data="data">
        <el-table-column align="center" prop="contact_phone" :label="$i18n.t('CONTACT_PHONE')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="contact_name" :label="$i18n.t('CONTACT_NAME')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="contact_relation" :label="$i18n.t('CONTACT_RELATION')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="call_time" :label="$i18n.t('CALL_TIME')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="start_time" :label="$i18n.t('CALL_START_TIME')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="end_time" :label="$i18n.t('CALL_END_TIME')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="operator_type" :label="$i18n.t('OPERATOR_DEPARTMENT')" :min-width="100"></el-table-column>
        <el-table-column align="center" prop="call_type" :label="$i18n.t('CALL_TYPE')" :min-width="100"></el-table-column>
        <el-table-column align="center" prop="call_tel" :label="$i18n.t('CALL_TEL')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="caller" :label="$i18n.t('CALLER')" :min-width="100"></el-table-column>
        <el-table-column align="center" prop="status" :label="$i18n.t('CALL_STATUS')" fixed="right" :min-width="130"></el-table-column>
    </el-table>
</template>

<script>
    export default {
        name: 'TelCallRecord',
        props: ['data']
    }
</script>

<style scoped>

</style>
